<!DOCTYPE html>
<html lang="en" class="">
	<head>
		<meta charset="UTF-8">
		<title>视频课堂</title>
		<link rel="shortcut icon" href="img/logo.png" />
		<script src="jquery/jquery-1.11.3.min.js"></script><!-- ./css/learn-HomePage/learn-homePage.css -->
		<!-- <link rel="stylesheet" type="text/css" href="css/learn-HomePage/learn-homePage.css"/> -->
		
		
	</head>


	<body>
		
		<header>
					<a name="dbl"></a>
					<div class="dbl">
						<div>
							<img src="img/learn-HomePage-img/farbnf.png" class="logo"/>
						</div>
						<div>
							<ul>
								<li id="a" id="HeadPortrait">
									<div class="one"  style="height: 50px; width: 50px;" >
										<img src="img/learn-HomePage-img/2.png" class="tx" id="show"/>
									</div>
							<!-- 		<ul id="erji" class="erji">
										<li><a href="learn_Personal.html">个人中心</a></li>
										<li><a href="javascript:;"><span onclick="clos();">退出</span></a></li>
									</ul> -->
								</li>
								<li id="a"><a href="learn_WrongBook.html">错题本</a></li>
								<li id="a"><a href="learn-Testrecords.html">考试记录</a></li>
								<li id="a"><a href="learn-Testcenter.html">试卷中心</a></li>
								<li id="a"><a href="learn_IntelligentTraining.html">智能训练</a></li>
								<li id="a"><a href="learn-VideoClass.html">视频课堂</a></li>
								<li id="a"><a href="learn-Homepage.html">首页</a></li>
							</ul>
						</div>
						
					</div>
					
				</header>
		<from id="formId">
		<div class="div5">
			<br />

			<div class="div4">
				<table style="margin-left: 200px; margin-top: -20px;" id="table">
				<br />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<label >学科 :</label>
				&nbsp;&nbsp;&nbsp;&nbsp;
				<!-- <label>
					<input type="radio" name="subjectName" value="NO" class="sendTo">驾驶<sub></sub>
				</label>

				&nbsp;&nbsp;&nbsp;&nbsp;
				<label>
					<input type="radio" name="subjectName" value="HF"class="sendTo">1
				</label>

				&nbsp;&nbsp;&nbsp;&nbsp;
				<label>
					<input type="radio" name="subjectName" value="O2"class="sendTo">2<sub></sub>
				</label> 
				&nbsp;&nbsp;&nbsp;&nbsp; -->
				
				</table>
				
			</div>
			
			
			<div id="div1"> 
				</from>
				
				<!-- <div class="shipin" style="width: 280px; height: 280px; background-color: #000000;">
					<embed src="img/222%20(1).mp4" width="280" height="200"></embed>
					<div class="shipin1" style="width: 280; height: 100; background-color: #FFFFFF;">
						<h3 style="margin-top: 0.6rem;margin-left: 1rem; color: #000000; font-family: 微软雅黑; font-weight:normal">123</h3>
						<h6 style="font-weight:normal; margin-top: 1rem;margin-left: 1rem; color: #A4A4A4;">da</h6>
						<a href="learn-TestPaperPage.html" style=" margin-right: 1rem; margin-top: -1rem; float: right;">开始考试</a>
					</div>
			</div>
			
				<div class="shipin" style="width: 280px; height: 280px; background-color: #000000;">
					<embed src="img/222%20(2).mp4" width="280" height="200"></embed>
					<div class="shipin1" style="width: 280; height: 100; background-color: #FFFFFF;">
						<h3 style="margin-top: 0.6rem;margin-left: 1rem; color: #000000; font-family: 微软雅黑; font-weight:normal">123</h3>
						<h6 style="font-weight:normal; margin-top: 1rem;margin-left: 1rem; color: #A4A4A4;">da</h6>
						<a href="learn-TestPaperPage.html" style=" margin-right: 1rem; margin-top: -1rem; float: right;">开始考试</a>
					</div>
				</div>
				
			
				<div class="shipin" style="width: 280px; height: 280px; background-color: #000000;">
					<embed src="img/222%20(2).mp4" width="280" height="200"></embed>
					<div class="shipin1" style="width: 280; height: 100; background-color: #FFFFFF;">
						<h3 style="margin-top: 0.6rem;margin-left: 1rem; color: #000000; font-family: 微软雅黑; font-weight:normal">123</h3>
						<h6 style="font-weight:normal; margin-top: 1rem;margin-left: 1rem; color: #A4A4A4;">da</h6>
						<a href="learn-TestPaperPage.html" style=" margin-right: 1rem; margin-top: -1rem; float: right;">开始考试</a>
					</div>
				</div>
				
				<div class="shipin" style="width: 280px; height: 280px; background-color: #000000;">
					<embed src="img/222%20(2).mp4" width="280" height="200"></embed>
					<div class="shipin1" style="width: 280; height: 100; background-color: #FFFFFF;">
						<h3 style="margin-top: 0.6rem;margin-left: 1rem; color: #000000; font-family: 微软雅黑; font-weight:normal">123</h3>
						<h6 style="font-weight:normal; margin-top: 1rem;margin-left: 1rem; color: #A4A4A4;">da</h6>
						<a href="learn-TestPaperPage.html" style=" margin-right: 1rem; margin-top: -1rem; float: right;">开始考试</a>
					</div>
				
				</div> -->
				
</div>
	
					<!-- <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> -->
					<footer>
							<div>
								<ul class="foter" style="width: 100%; ">
									<li>
										<p style="font-size: 20px;">产品介绍</p>
										<br>
										<p><a href="https://www.mindskip.net/sdd.html">思多多智能考试平台</a></p>
										<p><a href="https://www.mindskip.net/wdd.html">维多多培训考试系统</a></p>
										<p><a href="https://www.mindskip.net/xdd.html">学多多考试系统</a></p>
										<p><a href="https://www.mindskip.net/xzs.html">学致死考试系统</a></p>
									</li>
									
									<li>
										<p style="font-size: 20px;">跃考 H5、小程序</p>
										<img src="img/learn-HomePage-img/foewm.PNG" style="width: 90%;"/>
									</li>
									<li>
										<p style="font-size: 20px;">维考 H5、小程序</p>
										<img src="img/learn-HomePage-img/wk.PNG" style="width: 90%;"/>
									</li>
									<li>
										<p style="font-size: 20px;">学多多小程序</p>
										<img src="img/learn-HomePage-img/xdd.PNG" style="width: 90%;"/>
									</li>
									<li>
										<p style="font-size: 20px;">关于我们</p>
										<img src="img/learn-HomePage-img/gywm.PNG" style="width: 90%;"/>
									</li>
									<li style="float: right;">
										<p style="font-size: 20px;">开源社区</p>
										<a href="https://github.com/mindskip/xzs"><img src="img/learn-HomePage-img/gywm1.PNG" style="width: 40%;"/></a>
										<a href="https://gitee.com/mindskip/uexam"><img src="img/learn-HomePage-img/kysq2.PNG" style="width: 40%;"/></a>
									</li>
									<div style="clear: both;"></div>
								</ul>
								
							</div>
							
							
						</footer>
						
						
						
						<script type="text/javascript">
								
								//头像下二级菜单
								var show = document.getElementById("show")
								var erji1 = document.getElementById("erji");
								show.onclick = function(){
									if(erji1.style.display=="none"){
										erji1.style.display="block";
									}else{
										erji1.style.display="none";
									}
								}
								
								
								
								//退出
								function clos(){
								     if(confirm("您确定要退出本系统吗？")){
								        $.ajax({
								        	type:"POST",
								        	url:"http://localhost:8081/infomation/logout",
								        	dataType:"text",
								        	// async:false,
								        	success:function(data){
								        		if(data=="200"){
													alert("退出成功");
													window.location.href = "student_login.html";
												}else{
													alert("退出失败");
												}
								        	}
								        })
								    }
								};
						
						
						</script>

 
 <style type="text/css">
	 footer{position:absolute;bottom:0;width:100%;height:100px;background-color: #ffc0cb;}
	 
	 		.foter{
	 			background-color: #EEEEEE;
	 			height: 300px;
	 		}
	 		.foter li{
	 			margin: 2.5%;
	 			float: left;
	 		}
	 		.foter li a{
	 			border-bottom: #000000 1px solid;
	 			color: #000000;
	 		}
	 
 	*,
 	html,
 	body {
 		margin: 0 auto;
 		padding: 0 auto;
 	}
 
 	a {
 		text-decoration: none;
 	}
 
 	ul {
 		list-style: none;
 		margin: 0;
 		padding: 0;
 	}
 
 	header {
 		background-color: #f4f4f4;
 	}
 
 	header div {
 		width: 100%;
 		height: 30px;
 	}
 
 	header div div:first-child {
 		float: left;
 		width: 20%;
 		height: 35px;
 	}
 
 	header div div:first-child span {
 		font-size: 16px;
 		line-height: 30px;
 		color: #555555;
 	}
 
 	header div div:last-child {
 		float: left;
 		width: 80%;
 		height: 35px;
 	}
 
 	header div div:last-child ul {
 		line-height: 35px;
 	}
 
 	header div div:last-child li {
 		float: right;
 		margin-right: 25px;
 		line-height: 53px;
 	}
 
 	header div div:last-child li a {
 		font-size: 20px;
 	}
 
 	.tx {
 		border-radius: 50px;
 		height: 50px;
 		width: 50px;
 	}
 
 	header div div:last-child li a:hover {
 		color: blue;
 	}
 
 	.logo {
 		height: 75px;
 	}
 
 	.dbl {
 		height: 60px;
 	}
 
 
 	.el-row {
 		margin-top: 5rem;
 		margin-left: 5rem;
 	}
 
 	.shipin {
 		margin-top: 3.125rem;
 		margin-left: 12rem;
 		float: left;
 		position: relative;
 		z-index: 1;
 	}
 
 	.shipin1 {
 		width: 17.5rem;
 		height: 76px;
 		background: #F4F4F5;
 		position: absolute;
 		box-shadow: 0 0 10px #EBEEF5;
 	}
 
 
 </style>
<script>

		$.ajax({
			url: "http://localhost:8081/video/subjectNameList",	
			type: 'post',
			dataType:"json",
			async:false,
			success:function (data){
				$('#table').html('');
				for(var i = 0;i<data.length;i++){
					// <label><input type="radio" name="sex" value="男生">男生</label>
					// <label><input type="radio" id="subjectName" >'+data[i].subjectName+'<lable>
					var kemu = '<label><input type="radio" name="sex"  class="sendTo" onclick="tiaozhuan">'+data[i].subjectName+'</label>';		
					$('#table').append(kemu)
				}
				
				$(".sendTo").onclick( function(){
					$.ajax({
						url: "http://localhost:8081/video/videoList1",
						type: 'post',
						dataType:"json",
						async:false,
						success:function (data){
							$('#div1').html('');
							for(var i = 0;i<data.length;i++){
												
								$('#div1').append('<div class="shipin" style="width: 280px; height: 280px; background-color: #000000;"><embed src="'
								+data[i].videoUrl+
								'" width="280" height="200"></embed>'+ '<div class="shipin1" style="width: 280; height: 100; background-color: #FFFFFF;">'+
								 '<h3 style="margin-top: 0.6rem;margin-left: 1rem; color: #000000; font-family: 微软雅黑; font-weight:normal">'
								 +data[i].videoName+
								 '</h3>'+'<h6 style="font-weight:normal; margin-top: 1rem;margin-left: 1rem; color: #A4A4A4;">' 
								 +data[i].videoName+
								 '<h6>'+'<a href="learn-TestPaperPage.html" style=" margin-right: 1rem; margin-top: -1rem; float: right;">'+"开始考试"+'</a>'+'</div>'+'</div>')
							
							}
							
						}
					})
					
				})
				
	           // $(".sendTo").onclick(function(){
				 
			   // })
				
				
			}
		})
	</script>
		
<!-- 	// <div class="shipin1" style="width: 280; height: 100; background-color: #FFFFFF;">
 	// 	<h3 style="margin-top: 0.6rem;margin-left: 1rem; color: #000000; font-family: 微软雅黑; font-weight:normal">123</h3>
 	// 	<h6 style="font-weight:normal; margin-top: 1rem;margin-left: 1rem; color: #A4A4A4;">da</h6>
 	// 	<a href="learn-TestPaperPage.html" style=" margin-right: 1rem; margin-top: -1rem; float: right;">开始考试</a>
 	// </div> -->

 
	</body>
</html>
